<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/learn.css">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.css">
<style>
    
</style>
</head>

<body>
    <div id="header-box">
        <div id="top">
            <div id="b1">
                <div id="left">
                    <span class="s">你好欢迎来到罗技官方商城</span>
                    <a href="./denglu.html" id="btnlogin">请登录</a>
                    <span>&nbsp; | &nbsp;</span>
                    <a href="./zhuce.html" id="btnregistered">注册</a>
                </div>
                <div id="right">
                    <a href="" class="zhanghu">我的账户</a>
                    <span class="f-l">|</span>
                    <a href="" class="gouwu">购物车</a>
                    <div class="shou">
                        <i></i>售前4006260228
                    </div>
                    <div class="shou">
                        <i></i>售后4008200338
                    </div>
                </div>
            </div>
        </div>
        <div id="zhong">
            <a class="logo" style="margin-right: 0px; margin-left: 5px; width: 315px;"></a>
            <a title="新品礼包" class="coupon">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-11-19/NEW_XM/xq.gif">
            </a>
            <div class="sousuo">
                <div class="sousuokang">
                    <input class="kuang" placeholder="G923游戏方向盘" type="text" autocomplete="off" style="width:370px">
                </div>
                <p class="meat">
                    热门搜索:
                    <a href="/Product/Detail?id=7505" target="_blank"> PRO X无线游戏耳机</a>
                    <a href="/Product/Detail?id=7508" target="_blank">M575轨迹球鼠标</a>
                    <a href="/Product/Detail?id=6248" target="_blank">G102二代</a>
                </p>
            </div>
            <div class="header-banner">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-06-29/NEW_XM/视频办公(1).gif"
                    onerror="javascript:this.src='/images/picerror.jpg'">
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="daohang">
        <ul id="Nav" class="banxin">
            <li class="classify">
                <p><a href="./liebiao.html" style="color: #7f7f7f;">全部产品分类</a></p>
                <div class="liebiao">
                    <dl>
                        <dt>
                            <p>音乐类</p>
                        </dt>
                        <dd>
                            <a>Blue麦克风</a>
                            <a>蓝牙音箱</a>
                            <a>入耳式耳机</a>
                        </dd>
                        <dt>
                            <p>平板电脑周边 </p>
                        </dt>
                        <dd>
                            <a>平板电脑周边</a>
                        </dd>
                        <dt>
                            <p> 游戏类 </p>
                        </dt>
                        <dd>
                            <a>游戏鼠标</a>
                            <a>游戏鼠标垫</a>
                            <a>游戏耳机麦克风</a>
                            <a>方向盘</a>
                            <a>罗技G飞行模拟器</a>
                            <a>游戏键盘</a>
                        </dd>
                        <dt>
                            <p>个人电脑周边</p>
                        </dt>
                        <dd>
                            <a>电脑耳机麦克风</a>
                            <a>有线键盘</a>
                            <a>摄像头</a>
                            <a>无线键鼠套装</a>
                            <a>演示器</a>
                            <a>摄像头配件</a>
                            <a>蓝牙鼠标</a>
                            <a>激光鼠标</a>
                            <a>无线鼠标</a>
                            <a>有线键鼠套装</a>
                            <a>有线鼠标</a>
                            <a>无线键盘</a>
                        </dd>
                    </dl>
                </div>
            </li>
            <li class="first-a">会员福利</li>
            <li class="first-a">新品专区</li>
            <li class="first-a">配件专区</li>
            <li class="first-a">会议专区</li>
            <li class="first-a">企业采购</li>
            <li class="first-a">关于罗技</li>
        </ul>
    </div>
    <!-- 轮博图部分 -->
    <div class="lunbotu">
        <div class="beijing">
            <div class="swiper-container my-container">
                <div class="swiper-wrapper">
                      <div class="swiper-slide" style="background-color:antiquewhite;">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/k860.jpg">
                      </div>
                      <div class="swiper-slide" style="background-color: rgb(230, 249, 255);">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/m380.jpg">
                      </div>
                      <div class="swiper-slide"style="background: rgb(190, 190, 190">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-02-02/NEW_XM/PRO X SUPERLIGHT.jpg">
                      </div>
                </div>
                <div class="swiper-pagination" style="position: absolute; left: -909px; bottom: 0px;"></div>
          </div>
        <div class="right">
            <div class="shang">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/m575.png" >
            </div>
            <div class="xia">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-14/NEW_XM/m100r.png" >
            </div>
        </div>
    </div>
    </div>
    <!-- 重复布局 -->
    <div class="guanggao">
        <div class="yi">
            <div class="g1">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/pro%20x.jpg" style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-14/NEW_XM/pebble.jpg"  style="display: block;">
                    </div>
                    <div class="rq">
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/master%203.jpg" style="display: block;">
                    </div>
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/KEYS.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 游戏 -->
        <div class="san">
            <div class="g2">
                <div class="xian">
                    <span><img src="./img/未标题-3.png" alt=""></span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <div class="tu">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g913-.jpg"style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="r1">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/pro-.jpg"  style="display: block;">
                    </div>
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/502-.jpg" style="display: block;">
                    </div>
                </div>
                    <div class="rq">
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g102.jpg" style="display: block;">
                    </div>
                    <div class="t5">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/g04.jpg" style="display: block;">
                    </div>
                    <div class="t6">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-24/NEW_XM/402.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!-- 商务 -->
        <div class="san">                                                                                                          
            <div class="g3">
                <div class="xian">
                    <span><img src="./img/未标题-4.png" alt=""></span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <div class="tu">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/anywhere3.jpg"style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="r1">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/mk270.jpg"  style="display: block;">
                    </div>
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/k380.jpg" style="display: block;">
                    </div>
                </div>
                    <div class="rq">
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/m325.jpg" style="display: block;">
                    </div>
                    <div class="t5">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/m220.jpg" style="display: block;">
                    </div>
                    <div class="t6">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/k580.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!-- 会议 -->
        <div class="san">
            <div class="g3">
                <div class="xian">
                    <span><img src="./img/未标题-5.png" alt=""></span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <div class="tu">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E4%BC%9A%E8%AE%AE%E4%B8%93%E5%8C%BA.jpg" style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="r1">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/c100e.jpg"  style="display: block;">
                    </div>
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/streamcam.jpg" style="display: block;">
                    </div>
                </div>
                    <div class="rq">
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/c270.jpg" style="display: block;">
                    </div>
                    <div class="t5">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/c930.jpg" style="display: block;">
                    </div>
                    <div class="t6">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-04-23/NEW_XM/h600.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!-- 平板 -->
        <div class="san">
            <div class="g3">
                <div class="xian">
                    <span><img src="./img/未标题-6.png" alt=""></span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <div class="tu">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E5%B9%B3%E6%9D%BF%E5%91%A8%E8%BE%B9.jpg" style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="r1">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1175.jpg"  style="display: block;">
                    </div>
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/touch.jpg" style="display: block;">
                    </div>
                </div>
                    <div class="rq">
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1055.jpg" style="display: block;">
                    </div>
                    <div class="t5">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1274.jpg" style="display: block;">
                    </div>
                    <div class="t6">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/1174.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!-- 飞行 -->
        <div class="san"> 
            <div class="g3">
                <div class="xian">
                    <span><img src="./img/未标题-7.png" alt=""></span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <div class="tu">
                <div class="t1">
                    <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-07/NEW_XM/g923.jpg" style="display: block;">
                </div>
                <div class="rongqi">
                    <div class="r1">
                    <div class="t2">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/panel.jpg"  style="display: block;">
                    </div>
                    <div class="t3">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/g29.jpg" style="display: block;">
                    </div>
                </div>
                    <div class="rq">
                    <div class="t4">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E5%B8%A6%E8%84%9A%E5%B0%96.jpg" style="display: block;">
                    </div>
                    <div class="t5">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/%E4%B8%93%E7%94%A8.jpg" style="display: block;">
                    </div>
                    <div class="t6">
                        <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-12-25/NEW_XM/x52.jpg" style="display: block;">
                    </div>
                    </div>
                </div>
            </div>
            </div>
        </div>
        <!-- 新闻动态 -->
        <div class="si">
            <div class="g3">
                <div class="xian">
                    <span>新闻动态</span>
                    <a class="more-a">更多&gt;&gt;</a>
                </div>
               <ul class="tu">
                   <!-- 第一个 -->
                <li>
                    <div class="img-wrap">
                        <a>
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-11-22/20191122181754_7792.jpg">
                            <div class="bg"><div id="biankuang" ></div></div>
                        </a>
                    </div>
                    <div class="text-wrap">
                        <div class="text-inner">
                            <p class="name" id="genzhebian">罗技G502 LIGHTSPEED创世者无线游戏鼠标入选《时代》杂志2019年度100大最佳创新产品</p>
                            <p class="time">2019-11-22 18:18 </p>
                            <p class="text">
                                未来，罗技G将更加关注用户体验，将创新与前沿科技不断引入产品。 
                            </p>
                            <p class="more"> more &gt;&gt;</a>
                        </p></div>
                    </div>
                </li>
                   <!-- 第二个 -->
                <li>
                    <div class="img-wrap">
                        <a >
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-05-22/20190522143436_3779.jpg">
                            <div class="bg"><div id="biankuang" ></div></div>
                        </a>
                    </div>
                    <div class="text-wrap">
                        <div class="text-inner">
                            <p class="name" id="genzhebian">25项国际设计大奖，罗技全囊获！</p>
                            <p class="time">2019-05-22 14:34 </p>
                            <p class="text">
                               
                                退后，小罗要亮大招了。 
                                 
                            </p>
                            <p class="more"> more &gt;&gt;</a>
                        </p></div>
                    </div>
                </li>  
                   <!-- 第三个 -->
                <li class="xia">
                    <div class="text-wrap">
                        <div class="text-inner">
                            <p class="name" id="genzhebian">罗技19财年收官，全球业绩连续第三年双位数增长！！</p>
                            <p class="time">2019-05-09 10:18 </p>
                            <p class="text">
                                强势增长，再创新高！ 
                            </p>
                            <p class="more"> more &gt;&gt;</a>
                        </p></div>
                    </div>
                    <div class="img-wrap">
                        <a >
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2019-05-09/20190509101842_5074.jpg">
                            <div class="bg"><div id="biankuang" ></div></div>
                        </a>
                    </div>
                </li>  
                   <!-- 第四个 -->
                <li class="xia">
                    <div class="text-wrap">
                        <div class="text-inner">
                            <p class="name" id="genzhebian">Jaybird教你用RUN|如何操控耳机</p>
                            <p class="time">2018-09-10 09:13 </p>
                            <p class="text">
                                教你用RUN|如何操控耳机     
                            </p>
                            <p class="more"> more &gt;&gt;</a>
                        </p></div>
                    </div>
                    <div class="img-wrap">
                        <a >
                            <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2018-09-21/20180921125922_5026.jpg">
                            <div class="bg"><div id="biankuang" ></div></div>
                        </a>
                    </div>
                </li>
            </div>
            </div>
        </div>
    </div>
    <!-- 最后 -->
    <div class="mowei">
        <div class="yi">
        <div class="tubiao">
            <div>
                <img src="./img/未标题-9.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-10.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-11.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-12.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-13.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
        </div>
        </div>
        <div class="er">
            <div class="liebiao">
                <dl class="help-dl">
                    <dt>|&nbsp;新手指南</dt>
                    <dd>如何注册</dd>
                    <dd>购买流程</dd>
                    <dd>积分政策</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;支付方式</dt>
                    <dd>银行汇款</dd>
                    <dd>发票问题</dd>
                    <dd>在线支付</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;配送方式</dt>
                    <dd>配送范围及运费</dd>
                    
                    <dd>圆通配送</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;售后服务</dt>
                    <dd>罗技售后网点</dd>
                    
                    <dd>售后服务承诺</dd>
                    <dd>退款说明</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;罗技官方网站</dt>
                    <dd>常见问题</dd>
                    <dd>技术支持</dd>
                    <dd>交易条款</dd>
                </dl>
                <div class="help-contact">
                    <p class="p1"></p>在线客服</p>
                    <p class="p1">4006260228</p>
                    <p class="p2">周一至周五: 9:00-18:00</p>
                </div>
            </div>
        </div>
        <div class="san">
            <div class="container copyright">
                <p>罗技官方商城由罗技（中国）科技有限公司授权双齐国际贸易（上海）有限公司负责经营 2021 , all rights reserved</p>
                <p>
                    <a style="color: #7f7f7f;">罗技官方网站</a>
                    <a style="color: #7f7f7f;">联系方式</a>
                    <a style="color: #7f7f7f;">隐私声明</a>
                    <a style="color: #7f7f7f;" >用户服务协议</a>
                    <a style="color: #7f7f7f;"  >沪ICP备12002604号-1</a>
                </p>
            </div>
        </div>
    </div> 
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/6.5.6/swiper-bundle.js"></script>
    <script src="./javascripts/lunbotu.js"></script>
</body>

</html>